<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/enfantSimul.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />
<title>Dossier Enfant Simulation</title>


<!-- //////////////////////////////style////////////////////////////////////////////////////////-->


</head>
<body>
	<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>
		
	<div id="divMenuHaut">

		<ul id="ulMenuHaut">

			<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
					Enfant</a></li>
			<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
			<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
			<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
			<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
			<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>

	<div id="divSousMenuGauche">
		<h:form>
			<ul id="ulSousMenuGauche">
				<li class="liSousMenuGauche"><a href="ficheEnfant.xhtml">Fiche
						Enfant</a></li>
						<li class="liSousMenuGauche">
                	 <h:commandLink actionListener="#{beanInscriptionHib.actionInscription}" value="Inscrire" action="enfantHistorique">
                	<f:attribute name="NomEnfant" value="#{beanEleveMairie.nomEleveMairie}" />
                	<f:attribute name="PrenomEnfant" value="#{beanEleveMairie.prenomEleveMairie}" />
                	<f:attribute name="IdEnfant" value="#{beanEleveMairie.idElv}" />
                </h:commandLink>
				</li>		
				<li class="liSousMenuGauche"><h:commandLink
						actionListener="#{beanTf.recupEleve}"
						value="Tarification
						Facturation" action="tarifFacture">
						<f:attribute name="NomEnfant"
							value="#{beanEleveMairie.nomEleveMairie}" />
						<f:attribute name="PrenomEnfant"
							value="#{beanEleveMairie.prenomEleveMairie}" />
					</h:commandLink></li>
				<li class="liSousMenuGauche"><a href="#">Relevé des
						présences</a></li>
				<li class="liSousMenuGauche">
					<h:commandLink actionListener="#{beanArchivage.recupEleve}"
						value="Archives" action="archives">
						<f:attribute name="NomEnfant" value="#{beanEleveMairie.nomEleveMairie}"/>
                		<f:attribute name="PrenomEnfant" value="#{beanEleveMairie.prenomEleveMairie}"/>
					</h:commandLink>
				</li>
			</ul>
		</h:form>
	</div>
	<div id="centre">

		<!-- 	///////////////////////////////////////////////label de l'élève///////////////////////////  -->
		<div id="divEleve">
			<form id="formulaire" method="post" action="">
				<table id="tabEleve">
					<tr>
						<td><label>Factures élève :</label></td>
						<td><h:outputText id="nom" value="#{beanTf.nomEleve}" /></td>
						<td><h:outputText id="prenom" value="#{beanTf.prenomEleve}" /></td>
					</tr>
				</table>
			</form>
		</div>
		<!-- 	///////////////////////////////////////////////jours sélectionnés///////////////////////////  -->


		<!-- 	///////////////////////////////////////////////Simulation///////////////////////////  -->
		<div id="colonneDroite">
			<fieldset id="fieldsetDroit">
				<legend>
					<b>Récapitulatif</b>
				</legend>
				<div id="recap">
					<h:form>
						<table id="recapGauche">
							<tr class="trRecap">
								<td><label>Quotient familial :</label></td>
								<td><h:outputText id="Qfam" value="#{beanTf.qf}" /></td>
							</tr>
							<tr>
								<td><label>Tarif accueil matin :</label></td>
								<td><h:outputText id="TarifMat"
										value="#{beanTf.tarifmatin}" /></td>
							</tr>
						</table>
						<table id="recapDroite">
							<tr class="trRecap">
								<td><label>Tarif cantine :</label></td>
								<td><h:outputText id="TarifMid" value="#{beanTf.tarifmidi}" /></td>
							</tr>
							<tr>
								<td><label>Tarif accueil Soir :</label></td>
								<td><h:outputText id="TarifSoir"
										value="#{beanTf.tarifsoir}" /></td>
							</tr>
						</table>
					</h:form>
				</div>
			</fieldset>
			<fieldset id="fieldDevis">
				<legend>
					<b>Factures</b>
				</legend>
				<div class="datagrid">
					<h:form id="formFact">


						<h:dataTable id="listeFactures" value="#{beanTf.listfact}"
							var="listFac" styleClass="order-table"
							headerClass="order-table-header"
							rowClasses="order-table-odd-row,order-table-even-row">
						
							<h:column>
								<f:facet name="header">Numéro</f:facet>
    			 #{listFac.idFacture}
    		</h:column>
							<h:column>
								<f:facet name="header">Montant</f:facet>
    			#{listFac.montantGobal}
    		</h:column>
							<h:column>
								<f:facet name="header">Date facture</f:facet>
								<h:outputText value="#{listFac.dateFacture}">
								  <f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
								</h:outputText>
							</h:column>
							<h:column>
								<f:facet name="header">Date règlement</f:facet>
								<h:outputText value="#{listFac.dateReglement}">
								  <f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
								</h:outputText>
							</h:column>
							<h:column>
								<f:facet name="header">Edition</f:facet>
								<h:commandLink action="#">

									<h:outputText value="Editer" />
								</h:commandLink>
							</h:column>

						</h:dataTable>
					</h:form>
				</div>
			</fieldset>
		</div>


		<!-- 	///////////////////////////////////////////////Editer le devis///////////////////////////  -->

	</div>

</body>
</html>
